const webpack = require("webpack");
module.exports = {
  configureWebpack: config => {
    console.log("vue项目开始启动");
    // 取消console打印
    if (process.env.NODE_ENV === "production") {
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;
    }
    return {
      plugins: [
        new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "windows.jQuery": "jquery"
        })
      ]
    };
  },
  // chainWebpack:config=>{
  //   const svgRule = config.module.rule('svg');
  //   // 清除已有的所有 loader,如果你不这样做，接下来的 loader 会附加在该规则现有的 loader 之后。
  //   svgRule.uses.clear();
  //   // 添加要替换的 loader
  //   svgRule.use('svg-sprite-loader').loader('svg-sprite-loader')
  //   .options({
  //     symbolId: 'icon-[name]'
  //   })
  // },
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import "@/assets/css/main.scss";`
      },
      scss: {
        additionalData: `@import "@/assets/css/main.scss";`
      }
    }
  },
  publicPath: "./", //输出的根路径  默认是/ 如果你的网站是app.com/vue 这更改此配置项
  devServer: {
    open: true,
    proxy: {
      "/api": {
        target: process.env.VUE_APP_URL, //api服务器地址
        changeOrigin: true, //改变源
        secure: false,
        pathRewrite: {
          //路径重写
          "^/api": ""
        }
      }
    }
  }
};
